<template>
  <div>
    <h1>App组件</h1>
    <Content
      :name="name"
      :count="count"
      :study="study"
      :style="{ color: 'cyan' }"
      :class="'active'"
      @fn11="fn1"
      @fn22="fn2"
      @fn33="fn3"
    ></Content>
  </div>
</template>

<script>
import Content from "@/components/Content";
export default {
  name: "App",
  components: {
    Content,
  },
  data() {
    return {
      name: "张三",
      count: 0,
      study: "js",
    };
  },
  methods: {
    fn1() {
      console.log("fn123");
    },
    fn2() {
      console.log("fn456");
    },
    fn3() {
      console.log("fn789");
    },
  },
};
</script>

<style>
</style>
